<html><head>
    <script async="" src="//www.google-analytics.com/analytics.js"></script><script type="text/javascript">
                window.__trace__headstart = +new Date;
                window.__server__startTime = 1524879792616;
                window.__token = "b151wy8rDFBG5ZB3prC%2FnsSy5wd9iNW9irG0P3P9R7Dgrj6XmdT0TKNPSCkUMDLyjgnYv7ijU4F3RHqWtyMYXw%3D%3D";
    </script>
    <meta charset="UTF-8">

        <link rel="dns-prefetch" href="//s6.mogucdn.com">
    <link rel="dns-prefetch" href="//s7.mogucdn.com">
    <link rel="dns-prefetch" href="//s6.mogujie.cn">
    <link rel="dns-prefetch" href="//s7.mogujie.cn">
    <link rel="dns-prefetch" href="//s8.mogujie.cn">
    <link rel="dns-prefetch" href="//s9.mogujie.cn">
    <link rel="dns-prefetch" href="//s12.mogujie.cn">
    <link rel="dns-prefetch" href="//s13.mogujie.cn">

    <meta http-equiv="Cache-Control" content="no-transform ">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>登录_美丽联合</title>
    <meta name="keywords" content="蘑菇街账号登录,蘑菇街登陆">
    <meta name="description" content="蘑菇街登陆页面，欢迎回家">
    <meta name="copyright" content="mogujie.com">

    
    
    
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml">
    
                                <link rel="icon" href="https://s10.mogucdn.com/mlcdn/c45406/170401_16fj5k6k4174bfd21d03a4gf6a7hg_48x48.png" type="image/x-icon">   
            
    <script type="text/javascript">
    var curl = {apiName: 'require'}; var MOGU = {}; var MoGu = {}; var MOGU_DEV= 0 || "online" == "pre";
    var M_ENV = "online";
    </script>


                <link href="{{asset('home_style/css/login/1.css')}}" rel="stylesheet" type="text/css">
    

                <link rel="stylesheet" type="text/css" href="{{asset('home_style/css/login/2.css')}}" media="all">
		<script src="{{asset('home_style/js/jquery.js')}}"></script>
    
        
        <link href="{{asset('home_style/css/login/3.css')}}" rel="stylesheet" type="text/css">
    
    <!--[if lte IE 8]>
    <script src="https://s10.mogucdn.com/__mfp/meili-lib/assets/0.0.3/es5-shim.js,mfp/meili-lib/assets/0.0.3/es5-sham.js,mfp/meili-lib/assets/0.0.3/console-polyfill.js,mfp/meili-lib/assets/0.0.3/json2.js"></script>
    <![endif]-->
    
    
    <script type="text/javascript">

        if(window.require) {
            require.config({
                domain: 0
            });
        }

        MOGUPROFILE = {};

    </script>
    
<link rel="stylesheet" type="text/css" href="{{asset('home_style/css/login/4.css')}}"><style type="text/css">.nohl {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%
}
.shieldcaptain-warpper {
    max-width: 414px
}
.shieldcaptain-warpper .desc {
    overflow: hidden
}
.shieldcaptain-warpper .desc > span {
    color: #666;
    float: left;
    font-size: 12px
}
.shieldcaptain-warpper .desc > a {
    float: right;
    font-size: 12px;
    color: #999
}
.shieldcaptain-warpper .img-con {
    position: relative;
    text-align: center;
    margin-top: 8px
}
.shieldcaptain-warpper .img-con .success-con {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8)
}
.shieldcaptain-warpper .img-con .success-con p {
    font-size: 12px;
    color: #333;
    display: block;
    position: absolute;
    text-align: center;
    top: 50%;
    line-height: 32px;
    margin-top: -16px;
    width: 100%
}
.shieldcaptain-warpper .img-con .loading-con {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6)
}
.shieldcaptain-warpper .img-con .loading-con > svg {
    width: 74px;
    height: 74px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -38px
}
.shieldcaptain-warpper .img-con .img-list {
    font-size: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden
}
.shieldcaptain-warpper .img-con .img-list li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    width: 24.25%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    cursor: pointer;
    transition: all ease 0.2s;
    margin-right: 1%
}
.shieldcaptain-warpper .img-con .img-list li:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%
}
.shieldcaptain-warpper .img-con .img-list li:nth-child(1) {
    background-position: 0 0
}
.shieldcaptain-warpper .img-con .img-list li:nth-child(2) {
    background-position: 33.33% 0
}
.shieldcaptain-warpper .img-con .img-list li:nth-child(3) {
    background-position: 66.66% 0
}
.shieldcaptain-warpper .img-con .img-list li:nth-child(4) {
    background-position: 100% 0;
    margin-right: 0
}</style></head>
  
<body class="media_screen_1200" id='body' name="{{$abc['u_phone']}}" value="{{$abc['old_data']}}">

    
<script type="text/javascript">
    /**
    ** for layout 960
    **/
    (function(){
        var wWidth = $(window).width(); if(wWidth < 1212){ $('body').addClass('media_screen_960'); } else { $('body').addClass('media_screen_1200'); } 
        //initTime for log 判断对象是否存在
        window.MoGu && $.isFunction(MoGu.set) && MoGu.set('initTime', (new Date()).getTime());

        var ua = navigator.userAgent;
        // 判断是否是ipad
        var is_plat_ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
        if(is_plat_ipad) {
            $('body').addClass('media_ipad');
        }
        // 判断是否是ipadApp
        var is_plat_ipadApp = ua.indexOf('MogujieHD') >= 0 || ua.indexOf('Mogujie4iPad') >= 0 || location.href.indexOf('_atype=ipad') >= 0;
        if(is_plat_ipadApp) {
            $('body').addClass('media_ipad_app');
            // 隐藏头尾
            $('body').append('<style type="text/css">.header_2015,.header_nav,.foot .foot_wrap{display: none;}.foot{height: 0;background: none;}.back2top_wrap{height:0;width:0;overflow:hidden;opacity:0;}</style>');
            // 移除购物车，返回顶部
            setTimeout(function(){
                $('.back2top_wrap').remove();
            },1000)
        }
    })();
</script>
    
  <div id="body_wrap">
        <div class="login_wrap">
    <div class="logo_wrap">
        <div class="logo">
            <a title="蘑菇街" href="{{url('/')}}" class="mainlogo logo_mgj_img"></a>
            <!-- 新增登录页绑定手机提示 -->
            <span class="login-logo-tip">依《网络安全法》相关要求，即日起会员登陆需绑定手机。为保障您的账户安全及正常使用，如您尚未绑定，请尽快完成绑定，感谢您的理解和支持!</span>
        </div>
    </div>
    <div class="content clearfix" style="background:url(https://s17.mogucdn.com/p2/170105/upload_541i9di2b3icf9j13f24e0bg7b1i6_1920x600.png) no-repeat center center;">
        <div class="lg_banner">
            <a href="" target="_blank" class="banner1"></a>
        </div>
        <div class="lg_left ui-option-main-box" id="lg_content">
            <div class="login_mod_tab">
                <div class="fl mod">
                    <a class="lo_mod tab_on" lo-mod="normal" href="javascript:;" id ='common' title="普通登入">普通登录</a>
                </div>
                <div class="fl mod nopassword">
                    <a class="eb_mod" lo-mod="ebmod" href="javascript:;" id= 'without' title="手机免密码登入">手机无密码登录</a>
                </div>
            </div>
            <div id="signform" class="formbox">
              <p class="error_tip">登录名或密码错误</p>
              <div class="lg_form">
                  <form method="post" action="{{url('home/do_login')}}">
                      <!-- 正常登录 start -->
		   　<input type="hidden" name="_token" value="{{ csrf_token() }}" />
                      <div class="mod_box lo_mod_box" data-isshow="0" id='lo_mod_box'>
			 <div id="content">
                          <div class="ui-sign-item ui-name-item lg_item lg_name">
                              <input maxlength="32" class="ui-input pwd_text" data-type="username" name="u_name" placeholder="用户名/邮箱/手机号" style="border-color:#CFCFCF;" type="text">
                          </div>
                          <div class="ui-sign-item ui-sign-common-item lg_item lg_pass">
                              <input maxlength="32" class="ui-input pwd_text" data-type="loginpassword" name="u_password" value="" placeholder="密码" style="border-color:#CFCFCF;" type="password">
                          </div>
			</div>
			  <input name='u_sign' type='hidden' value='1' id="sign_u">
                      </div>

                      <!-- 正常登录 end -->
                      <input class="imgcheckstate" type="hidden">
                      <div id="_content"></div>

                      <input class="imgchecklevel" type="hidden">
                      <div id="appendchk"></div>
                      <div class="lg_login clearfix">
                          <input value="登录" class="sub" type="submit">
                      </div>
                      <div class="ot_login">
                              <a class="ui-ot-btn mr-42" href="javascript:;" data-type="weixin"><img src="https://s16.mogucdn.com/p2/170104/upload_8d4dd486c18961b55lf0hbe5ebf7l_18x19.png">微信登录</a>
                          </div>
                      </div>
                      <div class="lg_reg">
                          <a class="findpwd" href="{{url('home/register')}}">没有账号，请先注册</a>
                          <a class="findpwd" href="/user/findpwd">忘记密码</a>
                      </div>
                      <input value="" id="imgcheckvalue" type="hidden">
                  </form>
              </div>
          </div>
        </div>
    </div>
</div>
<script id="_script"></script>
  </div>

  <script>
    window.isDev = !!0;
  </script>

<!-- IE低版本处理方式 -->
<!--[if lte IE 8]>
    <script src="https://s10.mogucdn.com/__mfp/meili-mgj-browser-update/assets/1.0.0/index.js,mfp/meili-mgj-ie67-upgrade/assets/0.1.8/ie67upgrade.js"></script>
 <![endif]-->
    
<!-- 数据部门(晓海)要求在PC模板中添加ga统计信息， -->
<script type="text/javascript">
 $(function(){ 
   if($('#body').attr('name') != '中国'){
	changetab();
	$("#show_errors").html($('#body').attr('name'));
	$("#get_number").val($("#body").attr('value'));
	
  }
}); 
$("#without").on('click',changetab);
function changetab(){
   $("#without").attr('class',"eb_mod tab_on");
   $("#common").attr("class","lo_mod");
   $("#content").html("<div class='ui-sign-item ui-name-item clearfix mb'><input maxlength='32' class='ui-input pwd_text' id ='get_number' name='u_phone' data-type='mobile' placeholder='手机号码' style='border-color:#CFCFCF;' type='text'><p id ='show_errors' style='color:red'></p></div><div class='ui-sign-item ui-sign-common-item lg_item lg_code'><div class='lg_item lg_getcode 'id='get_tel' > <a href='javascript:;' class='get_tel_code' id='get_code'>获取动态密码</a><input maxlength='32' class='ui-input pwd_text width_180' name='telcode' data-type='phonecode' placeholder='动态密码' style='border-color:#CFCFCF;' type='text'</div></div><div class='lg_chk_item'></div>");
$("#sign_u").attr("value","2");
}
$("#common").click(function(){
   $("#common").attr('class',"lo_mod tab_on");
   $("#without").attr("class","eb_mod");
   $("#content").html("<div class='ui-sign-item ui-name-item lg_item lg_name'><input maxlength='32' class='ui-input pwd_text' data-type='username' name='u_name' placeholder='用户名/邮箱/手机号' style='border-color:#CFCFCF;' type='text'></div><div class='ui-sign-item ui-sign-common-item lg_item lg_pass'><input maxlength='32' class='ui-input pwd_text' data-type='loginpassword' name='u_password' value='' placeholder='密码' style='border-color:#CFCFCF;' type='password'></div>");
   $("#sign_u").attr("value","1");
})
$("#content").delegate("#get_code","click",getCode);

function getCode(){
	var get_number=$("#get_number").val();
        var change_time = 60;
	$.ajax({ 
                url:"{{url('home/check_code')}}",
                type:"post",
                data:{
                   "u_phone":get_number,
                   "_token": "{{ csrf_token() }}",
                  },
                dataType:"json",
                success:function(res){
                  if(!res['success']){
                   var showData = res['errors']['u_phone'][0];
                   $("#show_errors").html(showData);
                 }else{
                   $("#show_errors").html('');
                   var intervalId = setInterval(function () {
                         change_time--;
                         $("#get_code").html(change_time+"s后重发");
                         $("#get_code").attr("disabled",true); 
                         $( "#content" ).undelegate( "#get_code", "click",getCode);  
                        if (change_time == 0) {
                        clearInterval(intervalId);
                        $("#get_code").html("获取动态验证码");
                        $("#get_code").attr("disabled",false);     
                        $("#content").delegate("#get_code","click",getCode);   
                         }
                 }, 1000)};
                 },
        });
}

</script>
<body></html>
